<template>
    <page-view>
        <lrl-gradient-u-navbar title="uniapp" placeholder leftIcon=""></lrl-gradient-u-navbar>
        <view class="content">
        	<image class="logo" src="/static/logo.png"></image>
        	<view class="text-area">
        		<text class="title p-t-10">Hello</text>
        	</view>
            <button @click="nav">跳转</button>
        </view>
    </page-view>
</template>

<script setup>
    import { useUserStore } from "@/libs/store"
    import { onLoad, onReady } from '@dcloudio/uni-app'
    import { ref } from 'vue'
    import { $mp } from '@/libs'

    const userStore = useUserStore()
    
	const nav = () => {
        // 测试路由拦截
        userStore.$patch({
            token: ''
            // token: 'erwrss'
        })
        uni.$u.route('/pages/index/page2')
    }
    
    
    const title = ref('unimp');
    onLoad(() => {});
    onReady(() => {});
    

</script>

<style lang="scss">
    
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
    
    .list {
        display: flex;
        flex-wrap: wrap;
        width: 700rpx;
        padding: 25rpx;
        box-sizing: border-box;
        margin: 30rpx auto 0 auto;
        border-radius: 15rpx;
        background-color: #fff;
    }
    
    .item {
        width: 25%;
        padding: 15rpx;
    }
    .item image {
        width: 110rpx;
        height: 110rpx;
        border-radius: 10rpx;
    }
    .item view {
        margin-top: 10rpx;
        font-size: 28rpx;
        text-align: center;
    }
</style>
